.file
    position absolute
    top 0
    right 0
    left 290px
    right 0
    height 100%

header
    position absolute
    top 0
    left 0
    right 0
    height 50px
    background #1E202F

    a
        user-select none

        &.active
            background #26283B

        .icon
            &.default
                display inline-block

            &.hover
                display none

        &:hover
            .icon
                &.default
                    display none

                &.hover
                    display inline-block

    .versions-toggle
        display block
        position absolute
        top 0
        left 0
        width 50px
        height 50px
        padding-top 13px
        padding-left 18px

        .icon
            &.default
                opacity 0.5

        &.active
            background #26283B

    .differences-toggle
        display block
        position absolute
        top 0
        left 51px
        width 58px
        height 50px
        padding-top 13px
        padding-left 19px

        .icon
            &.default
                opacity 0.7

        &.active
            background #26283B

    .copy
        display block
        position absolute
        top 0
        right 58px
        width 58px
        height 50px
        padding-top 14px
        padding-left 22px

        .icon
            &.default
                opacity 0.8

        &.active
            background #26283B

    .download
        display block
        position absolute
        top 0
        right 0
        width 58px
        height 50px
        padding-top 14px
        padding-left 22px

        .icon
            &.default
                opacity 0.5

    .path
        position absolute
        top 20px
        left 0
        right 0
        text-align center
        font-size 14px
        color #fff
        letter-spacing 0.25px

        .directory
            opacity 0.3

.preview
    position absolute
    top 50px
    right 0
    bottom 0
    left 0
    background #2d2d49
    text-align center

    .inner
        display flex
        align-items center
        justify-content center
        position absolute
        top 50px
        right 50px
        bottom 50px
        left 50px

    img
        max-width 100%
        max-height 100%

.cant-read
    display flex
    align-items center
    justify-content center
    flex-direction column
    position absolute
    top 0
    right 0
    left 0
    height 100%

    .text
        text-align center
        margin-bottom 35px
        line-height 1.4em
        color #9696a4
        font-size 20px
        font-weight 300
        font-family 'DINNextRoundedLTPro'

        .download
            color #fff

            &:hover
                color #4bd1c5